<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model结合select</title>
</head>
<body>
    <div id="app">
        <label for="">
            选择手机：
            <select name="phone" v-model="phone">
                <option value="苹果">苹果</option>
                <option value="华为">华为</option>
                <option value="小米">小米</option>
                <option value="一加">一加</option>
                <option value="索尼">索尼</option>
            </select>
        </label>
        <h2>当前选择为： {{phone}}</h2>

        <label for="">
            选择手机：
            <select name="phones" v-model="phones" multiple>
                <option value="苹果">苹果</option>
                <option value="华为">华为</option>
                <option value="小米">小米</option>
                <option value="一加">一加</option>
                <option value="索尼">索尼</option>
            </select>
        </label>
        <h2>当前选择为： {{phones}}</h2>
    </div>
</body>
    <script src="../js/vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                phone: '苹果',
                phones: [

                ],
            },
            methods: {

            },
        })
    </script>
</html>